<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>DOM对象</title>
	</head>
	<body>
		<!--DOM对象 是针对整个html文件的，具体可以参考DOM.png-->
		<!--
        	1. 利用 id 框表示下面操作的获取量的特征量
        -->
		<input type="text" placeholder="请输入一个数" id="one" />
		+ <input type="text" placeholder="请输入一个数" id="two" />
		<input type="button" value="=" onclick="add()">
		<input type="text" placeholder="答案" id="answer" />
		<script type="text/javascript">
			function add(){
				// 获取输入框量,得到的是一个对象名字
				var oneEle = document.getElementById("one");
				var twoEle = document.getElementById("two");
				// 获取对象量的值
				var num1 = oneEle.value;
				var num2 = twoEle.value;
				//  对获取的量 进行强制类型转换int类型并进行赋值到某一变量上
				var result = parseInt(num1) + parseInt(num2);
				//  将需要放置的空间对象赋到新变量上(var可以承载不同种类量)
				var resultEle = document.getElementById("answer")
				//  对象值赋值
				resultEle.value = result;
			}
		</script>
	</body>
</html>
